export const imgerr = {
  // 这里可以定义一系列的钩子函数
// 用来控制使用这个指令的 dom 的声明周期
  inserted(dom, options) {
    // 这个函数会在使用这个指令的 dom 插入页面时触发
    // console.log('全局创建自定义指令')
    // 这个函数可以得到调用这个指令的 dom 本身
    // console.log(dom)
    // 这个函数可以得到调用指令时传入的参数
    // console.log(options.value)

    // 这个指令是用来修复图片的
    // 1. 当前用户没有头像
    // 如果图片链接为空，就给它一个默认图片
    if (!dom.src) {
      dom.src = options.value
    }
    // 2.当前图片存在，但是加载错误，破图
    // 对于图片 img dom 加载错误
    // 会对原生触发一个 onerror 事件
    // 我们只需要在这个事件中修改 src 即可
    dom.addEventListener('error', () => {
      dom.src = options.value
    })
  },
  // 除了dom插入外，组件更新时也要校验一下是否为空
  // 错误事件则无需再次添加，因为事件监听是一直都在
  componentUpdated(dom, options) {
    if (!dom.src) {
      dom.src = options.value
    }
  }
}
